<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<!-- 
    Less 是一种CSS预处理器
    Less扩展了CSS语法

    变量：
    定义变量：@变量名:值;
    使用变量: @变量名;

    注释：
    // 单行注释，不会被编译到CSS中
    /**/ 多行注释，会被编译到CSS中

    嵌套语法：
    按照html的嵌套结构书写CSS选择器
    & 表示引用父选择器

    运算：
    任何数值都可以运算，运算符前后要有空格 2 + 3
    运算结果的'单位'取决于第一个数值的'单位' 100px + 10% = 110px  10% + 100px = 110%

    混合mixin
    定义混合：.混合名{属性集合} 或 .混合名(形参){属性集合}
    使用混合：.混合名; 或 .混合名(实参);

    文件导入
    文件导入主要用于模块化开发
    使用 @import 'less文件路径';

 -->

</body>
</html>